<html class="splitview ui-mobile landscape min-width-320px min-width-480px min-width-768px min-width-1024px"><head> 
  <title>Kid Health Connect</title> 
  <meta content="width=device-width, minimum-scale=1, maximum-scale=1" name="viewport">
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<!-- splitview css -->
<link href="jquery.mobile.splitview.css" rel="stylesheet">
<link href="scrollview.css" rel="stylesheet">
<link href="jqm-docs.css" rel="stylesheet">
<script src="scrollview.js" type="text/javascript"></script>
<script src="jqm-docs.js" type="text/javascript"></script>

</head> 

 <body>

	<div data-role="page" class="type-interior">

		<div data-role="header" data-theme="f">
		<h1>Add A Doctor</h1>
		<a href="index.html" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home" rel="external">Home</a>
	</div><!-- /header -->

	<div data-role="content">
		<div class="content-primary">
			<h3>Name:</h3><input type="text" name="name" id="basic" value="Vidya Ramesh"  />
			<h3>Hospital:</h3><input type="text" name="name" id="basic" value="Lucille Packard Children's Hospital"  />
			<h3>Location:</h3><input type="text" name="name" id="basic" value="Palo Alto, California"  />
			<div data-role="fieldcontain">
			    <fieldset data-role="controlgroup" data-type="horizontal">
			     	<legend>Gender:</legend>
			         	<input type="radio" name="radio-choice-b" id="radio-choice-c" value="off"/>
			         	<label for="radio-choice-c">Male</label>
			         	<input type="radio" name="radio-choice-b" id="radio-choice-d" value="on" checked="checked"/>
			         	<label for="radio-choice-d">Female</label>
			         	<input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
			         	<label for="radio-choice-e">Unspecified</label>
			    </fieldset>
			</div>
			<h3>Your Rating:</h3><a href="body.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="c" data-inline="true"></a><a href="body.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="c" data-inline="true"></a><a href="body.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="c" data-inline="true"></a><a href="body.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="c" data-inline="true"></a><a href="body.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="c" data-inline="true"></a>
			<h3>Specialities:</h3>
				<ul data-role="listview" data-inset="true" data-split-icon="delete" data-split-theme="d">
					<li><h3>Cancer</h3></li>
					<li><h3>Emergency Care</h3></li>
				</ul>
			<a href="profile.html" data-icon="grid" data-role="button" data-inline="true" data-theme="f" style="float:right" rel="external">Save</a>
		</div><!--/content-primary -->		

	<div class="content-secondary">
				<ul data-role="listview" data-theme="e" data-dividertheme="d">
					<li><a href="body.html" rel="external">Explore The Body</a></li>
					<li><a href="connect.html" rel="external">Connect With Other Parents</a></li>
					<li><a href="doctors.html" rel="external">Find A Doctor</a></li>
					<li><a href="fun_stuff.html" rel="external">Other Fun Stuff</a></li>
					<li><a href="profile.html" rel="external">Your Profile</a></li>
				</ul>
	</div>		

</div><!-- /content -->

<div data-role="footer" class="footer-docs" data-theme="c" data-position="fixed">
		<p>Copyright: Vidya, Sam, and Arti</p>
</div>

</div><!-- /page -->
</body>
</html>